<div class="container formGroupHead" style="width: 100%; height: 100%;" data-appbuilder-object="container">
    <form id="education_detail_form">
        <!--<div class="input-group">-->
        <input type="hidden" name="educationID">
        <input type="hidden" name="userID">
        <span><small>Institution Name</small></span>
        <input type="text" id="institute_name" name="institute_name"
        placeholder="Institute Name" class="jq-ui-forms">
        <span><small>Graduation Date</small></span>
        <input type="date" id="graduation_date" name="graduation_date" placeholder="Graduate Date">
        <span><small>Qualification</small></span>
        <span><!-- span is needed for android select box fix -->
                <select id="qualification" class="jq-ui-forms" name="qualification">
                    <option value="-1">[Qualification]</option>
                    <option value="Senior Hight School">Senior Hight School</option>
                    <option value="Associate Degree">Associate Degree</option>
                    <option value="Bachelor Degree">Bachelor Degree</option>
                    <option value="Master Degree">Master Degree</option>
                    <option value="Doctorate">Doctorate</option>
                </select>
            </span>
        <span><small>Country</small></span>
        <span>
                <select id="country_id" name="country_id" class="jq-ui-forms"></select>
            </span>
        <span><small>Field of Study</small></span>
        <span>
                <select id="field_of_study" name="field_of_study" class="jq-ui-forms">
                    <option value="-1">[Field of Study]</option>
                    <option value="Advertising/Media">Advertising/Media</option>
                    <option value="Agriculture/Aquaculture/Forestry">Agriculture/Aquaculture/Forestry</option>
                    <option value="Airline Operation/Airport Management">Airline Operation/Airport Management</option>
                    <option value="Architecture">Architecture</option>
                    <option value="Art/Design/Creative Multimedia">Art/Design/Creative Multimedia</option>
                    <option value="Biology">Biology</option>
                    <option value="BioTechnology">BioTechnology</option>
                    <option value="Business Studies/Administration/Management">Business Studies/Administration/Management</option>
                    <option value="Chemistry">Chemistry</option>
                    <option value="Commerce">Commerce</option>
                    <option value="Computer Science/Information Technology">Computer Science/Information Technology</option>
                    <option value="Dentistry">Dentistry</option>
                    <option value="Economics">Economics</option>
                    <option value="Education/Teaching/Training">Education/Teaching/Training</option>
                    <option value="Engineering">Engineering</option>
                    <option value="Finance/Accountancy/Banking">Finance/Accountancy/Banking</option>
                    <option value="Food &amp; Beverage Services Management">Food &amp; Beverage Services Management</option>
                    <option value="Food Technology/Nutrition/Dietetics">Food Technology/Nutrition/Dietetics</option>
                    <option value="Geographical Science">Geographical Science</option>
                    <option value="Geology/Geophysics">Geology/Geophysics</option>
                    <option value="History">History</option>
                    <option value="Hospitality/Tourism/Hotel Management">Hospitality/Tourism/Hotel Management</option>
                    <option value="Human Resource Management">Human Resource Management</option>
                    <option value="Humanities/Liberal Arts">Humanities/Liberal Arts</option>
                    <option value="Journalism">Journalism</option>
                    <option value="Law">Law</option>
                    <option value="Library Management">Library Management</option>
                    <option value="Linguistics/Languages">Linguistics/Languages</option>
                    <option value="Logistic/Transportation">Logistic/Transportation</option>
                    <option value="Maritime Studies">Maritime Studies</option>
                    <option value="Marketing">Marketing</option>
                    <option value="Mass Communications">Mass Communications</option>
                    <option value="Mathematics">Mathematics</option>						
                    <option value="Medical Science">Medical Science</option>
                    <option value="Medicine">Medicine</option>
                    <option value="Music/Performing Arts Studies">Music/Performing Arts Studies</option>
                    <option value="Nursing">Nursing</option>
                    <option value="Optometry">Optometry</option>
                    <option value="Other">Other</option>
                </select>
            </span>
        <span><small>Major</small></span>
        <input type="text" id="major_name" name="major" placeholder="Major Name"
        class="jq-ui-forms">
        <span><small>GPA</small></span>
        <input type="text" id="gpa" name="GPA" placeholder="GPA" class="jq-ui-forms">
        <span><small>Additional Information</small></span>
        <textarea id="additional_information" class="jq-ui-forms" name="additional_info"
        placeholder="Additional Information"></textarea>
        <a class="button" href="#" style="width: 100%;" data-appbuilder-object="button"
        onclick="saveEducation();">Save</a>
        <!--</div>-->
    </form>
</div>